<!doctype html>
<html class="no-js fixed-layout" xmlns:th="http://www.thymeleaf.org"
      xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>梓树下听昕阳 | 后台管理</title>
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" type="image/x-icon" href="https://zhy-myblog.oss-cn-shenzhen.aliyuncs.com/static/img/favicon.ico">

    <link href="https://cdn.bootcss.com/amazeui/2.7.2/css/amazeui.min.css" rel="stylesheet">
    <link rel="stylesheet" href="/css/admin.css">
    <link rel="stylesheet" href="/css/all.css">
    <link rel="stylesheet" href="/css/superadmin.css">
    <link rel="stylesheet" href="/css/plugs_paging.css">
    <link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
    <link rel="stylesheet" href="/css/layui.css" media="all" />
    <link rel="stylesheet" href="/css/public.css" media="all" />

    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <script src="https://cdn.bootcss.com/amazeui/2.7.2/js/amazeui.min.js"></script>
    <script src="https://cdn.bootcss.com/underscore.js/1.9.1/underscore-min.js"></script>
</head>
<body>

<div class="header">
    <div class="am-topbar" style="margin-bottom: 0">
        <h1 class="am-topbar-brand">
            <a href="/" class="blogTitleName"><img src="https://zhy-myblog.oss-cn-shenzhen.aliyuncs.com/static/img/zhy.png" class="imgStyle">梓树下听昕阳</a>
        </h1>
        <button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-success am-show-sm-only" style="background-color: #CCCCCC;border-color: white;border-radius: 6px" data-am-collapse="{target: '#doc-topbar-collapse'}"><span class="am-sr-only">导航切换</span> <span class="am-icon-bars"></span></button>

        <div class="am-collapse am-topbar-collapse" id="doc-topbar-collapse">
            <ul class="am-nav am-nav-pills am-topbar-nav">
                <li><a class="top_bar" href="/" style="cursor: pointer;"><span class="fa fa-home"></span>&nbsp;首页</a></li>
                <li><a class="top_bar" href="/categories/toCategories" style="cursor: pointer;"><span class="fa fa-th"></span>&nbsp;分类</a></li>
                <li><a class="top_bar" href="/archives/toArchives" style="cursor: pointer;"><span class="fa fa-archive"></span>&nbsp;归档</a></li>
                <!--<li><a class="top_bar" href="tags.html" style="cursor: pointer;"><span class="fa fa-tags"></span>&nbsp;标签</a></li>-->
                <!--<li><a class="top_bar" href="update.html" style="cursor: pointer;"><span class="fa fa-calendar-plus-o"></span>&nbsp;更新</a></li>-->
                <li><a class="top_bar" href="/main/toFriendlyLink" style="cursor: pointer;"><span class="fa fa-street-view"></span>&nbsp;友链</a></li>
                <li><a class="top_bar" href="/main/toAboutMe" style="cursor: pointer;"><span class="fa fa-user"></span>&nbsp;关于我</a> </li>
            </ul>

            <div class="am-topbar-right" >
                <a href="/toregister" class="am-btn am-btn-primary am-topbar-btn am-btn-sm" style="color: white">注册</a>
            </div>
            <div class="am-topbar-right">
                <a href="/login" class="loginBtn am-btn am-btn-primary am-topbar-btn am-btn-sm" style="color: white">登录</a>
            </div>
            <div class="am-topbar-right writing am-hide-md-down">
                <a  href="/editor" target="_blank" style="text-decoration: none">
                    <img class="am-circle" src="https://zhy-myblog.oss-cn-shenzhen.aliyuncs.com/static/img/loading.gif" data-src="https://zhy-myblog.oss-cn-shenzhen.aliyuncs.com/static/img/writing.png">
                    <span class="write-word">写博客</span>
                </a>
            </div>

        </div>
    </div>
</div>

<div class="am-cf admin-main" style="padding-top: 0">

    <!--左侧-->
    <div class="admin-sidebar am-offcanvas" id="admin-offcanvas">
        <div class="am-offcanvas-bar admin-offcanvas-bar">
            <ul class="superAdminList am-list admin-sidebar-list">
                <li class="superAdminClick statistics"><a><span class="am-icon-home"></span> 用户管理</a></li>
                <li class="superAdminClick articleManagement"><a class="am-cf"><span class="am-icon-check"></span>文章管理<span class="am-icon-star am-fr am-margin-right admin-icon-yellow"></span></a></li>
                <li class="superAdminClick articleComment"><a><span class="am-icon-puzzle-piece"></span>分类管理<span class="am-badge am-badge-secondary am-margin-right am-fr">24</span></a></li>
                <li class="superAdminClick friendLink"><a><span class="am-icon-users"></span> 友链管理</a></li>
            </ul>

            <div class="am-panel am-panel-default admin-sidebar-panel">
                <div class="am-panel-bd">
                    <p><span class="am-icon-bookmark"></span> 公告</p>
                    <p>时光静好，与君语；细水流年，与君同。—— 松松</p>
                </div>
            </div>

        </div>
    </div>

    <!--右侧-->
    <div class="admin-content">
        <div class="superAdminInfo">
            <div class="superFunction" id="statistics">
                <div class="subject">
                    <h4>用户管理</h4>
                    <div class="articles">
                        <div class="am-g">
                            <div class="am-u-sm-12">
                                <table class="am-table am-table-bd am-table-striped admin-content-table">
                                    <thead>
                                    <tr>
                                        <th>用户名</th><th>出生日期</th><th>手机号</th><th>角色</th><th>操作</th>
                                    </tr>
                                    </thead>
                                    <tbody class="userManagementTable">
                                        <tr>
                                            <td><a href="">小迪</a></td>
                                            <td>2019-01-15</td>
                                            <td>1418707506@qq.com</td>
                                            <td><span class="am-badge am-badge-success">管理员</span></td>
                                            <td>
                                                <div class="am-dropdown" data-am-dropdown>
                                                    <button class="articleManagementBtn articleEditor am-btn am-btn-secondary">设为管理员</button>
                                                    <button class="articleDeleteBtn articleDelete am-btn am-btn-danger">删除</button>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td><a href="">小迪</a></td>
                                            <td>2019-01-15</td>
                                            <td>1418707506@qq.com</td>
                                            <td><span class="am-badge am-badge-success">管理员</span></td>
                                            <td>
                                                <div class="am-dropdown" data-am-dropdown>
                                                    <button class="articleManagementBtn articleEditor am-btn am-btn-secondary">编辑</button>
                                                    <button class="articleDeleteBtn articleDelete am-btn am-btn-danger">删除</button>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td><a href="">小迪</a></td>
                                            <td>2019-01-15</td>
                                            <td>1418707506@qq.com</td>
                                            <td><span class="am-badge am-badge-success">管理员</span></td>
                                            <td>
                                                <div class="am-dropdown" data-am-dropdown>
                                                    <button class="articleManagementBtn articleEditor am-btn am-btn-secondary">编辑</button>
                                                    <button class="articleDeleteBtn articleDelete am-btn am-btn-danger">删除</button>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td><a href="">小迪</a></td>
                                            <td>2019-01-15</td>
                                            <td>1418707506@qq.com</td>
                                            <td><span class="am-badge am-badge-success">管理员</span></td>
                                            <td>
                                                <div class="am-dropdown" data-am-dropdown>
                                                    <button class="articleManagementBtn articleEditor am-btn am-btn-secondary">编辑</button>
                                                    <button class="articleDeleteBtn articleDelete am-btn am-btn-danger">删除</button>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td><a href="">小迪</a></td>
                                            <td>2019-01-15</td>
                                            <td>1418707506@qq.com</td>
                                            <td><span class="am-badge am-badge-success">管理员</span></td>
                                            <td>
                                                <div class="am-dropdown" data-am-dropdown>
                                                    <button class="articleManagementBtn articleEditor am-btn am-btn-secondary">编辑</button>
                                                    <button class="articleDeleteBtn articleDelete am-btn am-btn-danger">删除</button>
                                                </div>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="superFunction" id="articleManagement">
                <div class="subject">
                    <h4>文章管理</h4>
                    <div class="articles">
                        <div class="am-g">
                            <div class="am-u-sm-12">
                                <table class="am-table am-table-bd am-table-striped admin-content-table">
                                    <thead>
                                    <tr>
                                        <th>文章标题</th><th>发布时间</th><th>文章分类</th><th>松松</th><th>浏览量</th><th>操作</th>
                                    </tr>
                                    </thead>
                                    <tbody class="articleManagementTable">
                                        <tr>
                                            <td><a href="">小迪</a></td>
                                            <td>2019-01-15</td>
                                            <td>美女</td>
                                            <td>松松</td>
                                            <td><span class="am-badge am-badge-success">0人阅读</span></td>
                                            <td>
                                                <div class="am-dropdown" data-am-dropdown>
                                                    <button class="articleManagementBtn articleEditor am-btn am-btn-secondary">编辑</button>
                                                    <button class="articleDeleteBtn articleDelete am-btn am-btn-danger">删除</button>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td><a href="">小迪</a></td>
                                            <td>2019-01-15</td>
                                            <td>美女</td>
                                            <td>松松</td>
                                            <td><span class="am-badge am-badge-success">0人阅读</span></td>
                                            <td>
                                                <div class="am-dropdown" data-am-dropdown>
                                                    <button class="articleManagementBtn articleEditor am-btn am-btn-secondary">编辑</button>
                                                    <button class="articleDeleteBtn articleDelete am-btn am-btn-danger">删除</button>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td><a href="">小迪</a></td>
                                            <td>2019-01-15</td>
                                            <td>美女</td>
                                            <td>松松</td>
                                            <td><span class="am-badge am-badge-success">0人阅读</span></td>
                                            <td>
                                                <div class="am-dropdown" data-am-dropdown>
                                                    <button class="articleManagementBtn articleEditor am-btn am-btn-secondary">编辑</button>
                                                    <button class="articleDeleteBtn articleDelete am-btn am-btn-danger">删除</button>
                                                </div>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td><a href="">小迪</a></td>
                                            <td>2019-01-15</td>
                                            <td>美女</td>
                                            <td>松松</td>
                                            <td><span class="am-badge am-badge-success">0人阅读</span></td>
                                            <td>
                                                <div class="am-dropdown" data-am-dropdown>
                                                    <button class="articleManagementBtn articleEditor am-btn am-btn-secondary">编辑</button>
                                                    <button class="articleDeleteBtn articleDelete am-btn am-btn-danger">删除</button>
                                                </div>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="superFunction" id="articleComment">
                <div class="subject">
                    <button class="addCategoriesButton articleEditor am-btn am-btn-secondary" style="
                            margin-top: 50px;
                            border-left-width: 1px;
                            margin-left: 17px;">新增分类</button>
                    <div class="articles">
                        <div class="am-g">
                            <div class="am-u-sm-12">
                                <table class="am-table am-table-bd am-table-striped admin-content-table">
                                    <thead>
                                    <tr>
                                        <th>分类名称</th><th>创建日期</th><th>文章数量</th><th>是否可用</th><th>操作</th>
                                    </tr>
                                    </thead>
                                    <tbody class="categoriesManagementTable">
                                    <tr>
                                        <td><a href="">美女</a></td>
                                        <td>2019-01-15</td>
                                        <td>20</td>
                                        <td><span class="am-badge am-badge-success">是</span></td>
                                        <td>
                                            <div class="am-dropdown" data-am-dropdown>
                                                <button class="beginCategories articleEditor am-btn am-btn-secondary">启用</button>
                                                <button class="stopCategories articleDelete am-btn am-btn-danger">禁用</button>
                                            </div>
                                        </td>
                                    </tr>

                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="superFunction" id="friendLink">
                友链管理暂未开通
            </div>
        </div>

        <footer class="admin-content-footer">
            <hr>
            <p class="am-padding-left">© 2018.梓树下听昕阳. Licensed under MIT license.</p>
        </footer>
    </div>

    <!--成功消息盒-->
    <div class="notice successNoticeAlert am-animation-slide-top">
        <span class="successNotice"></span>
    </div>
    <!--失败消息盒-->
    <div class="notice dangerNoticeAlert am-animation-slide-top">
        <span class="dangerNotice"></span>
    </div>
    <!--删除文章模态框-->
    <div class="am-modal am-modal-confirm" tabindex="-1" id="deleteAlter">
        <div class="am-modal-dialog">
            <div class="am-modal-hd">删除文章</div>
            <div class="am-modal-bd">
                你确定要删除吗？删除了就无法恢复了呦!
            </div>
            <div class="am-modal-footer">
                <span class="am-modal-btn" data-am-modal-cancel>取消</span>
                <span class="sureArticleDeleteBtn am-modal-btn" data-am-modal-confirm>确定</span>
            </div>
        </div>
    </div>
    <!--删除用户模态框-->
    <div class="am-modal am-modal-confirm" tabindex="-1" id="deleteAlteruser">
        <div class="am-modal-dialog">
            <div class="am-modal-hd">删除用户</div>
            <div class="am-modal-bd">
                你确定要删除吗？删除了就无法恢复了呦!
            </div>
            <div class="am-modal-footer">
                <span class="am-modal-btn" data-am-modal-cancel>取消</span>
                <span class="sureUserDeleteBtn am-modal-btn" data-am-modal-confirm>确定</span>
            </div>
        </div>
    </div>

    <!--新增分类模态框-->
    <div class="am-modal am-modal-confirm" tabindex="-1" id="addCategories">
        <div class="am-modal-dialog">
            <div class="am-modal-hd">新增分类</div>
            <div class="am-modal-bd">
                <input   id="categoriesValue" placeholder="请输入分类名称" type="text" >
            </div>
            <div class="am-modal-footer">
                <span class="am-modal-btn" data-am-modal-cancel>取消</span>
                <span class="sureAddCategories am-modal-btn" data-am-modal-confirm>确定</span>
            </div>
        </div>
    </div>

</div>

<a href="#" class="am-icon-btn am-icon-th-list am-show-sm-only admin-menu" data-am-offcanvas="{target: '#admin-offcanvas'}"></a>

<script src="/js/all.js"></script>
<script src="/js/superadmin.js"></script>
<script src="/js/plugs_paging.js"></script>
<script type="text/javascript" src="/js/layui.js"></script>
<script type="text/javascript" src="/js/images.js"></script>
</body>
</html>
